<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>换行和水平分割线</title>
  </head>
  <body bgcolor="#ccc">
    <h1>标题</h1>
    <!-- 
      hr表示水平分割线
      注意:
      标签中的属性有的是已过时的,所以不需要再关注.
      已过时仍然有效只是有更好的方案(css)来替代了!
    -->
    <!-- <hr size="10" width="800" color="red" /> -->
    <hr />
    <p>
      在网页中，要把文字有条理地显示出来，就需要将这些文字分段显示。在 HTML
      标签中，标签用于定义段落，它可以将整个网页分为若干个段落.
      在网页中，要把文字有条理地显示出来，就需要将这些文字分段显示。
      在网页中，要把文字有条理地显示出来，就需要将这些文字分段显示。<br />在 HTML 标签中，
      标签用于定义段落，它可以将整个网页分为若干个段落. 在网页中，要把文字有条理地显示出来，就需要将这些文字分段显示。在
      HTML 标签中， 标签用于定义段落，它可以将整个网页分为若干个段落.
    </p>

    <!-- br表示换行 -->
    这是第一段文字<br />这是第二段文字
  </body>
</html>
